<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>金融项目制作</title>
	<link href="lib/dist/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="fonts/style.css">
    <style>
    	img{
    		width:100%;
    		height: 300px;
    	}
    </style>
  
</head>
<body>
	 <!--header的制作：topbar navbar  -->
    <section id="header">
      <!-- 1.创建一个topbar -->
      <div class="topbar hidden-sm hidden-xs">
          <div class="container">
              <div class="row">
                  <div class="col-xs-2 text-center">
                    <a href="#" class="mobile-link">
                         <span class="glyphicon glyphicon-phone"></span>
                         <span>手机微金所</span>
                         <span class="glyphicon glyphicon-chevron-down"></span>
                         <img src="img/c_06.jpg" alt="">
                    </a>
                  </div>

                  <div class="col-xs-5 text-center">
                    <span class ="glyphicon glyphicon-phone-alt"></span>
                    <span> 4006-89-4006（服务时间：9:00-21:00）</span>
                  </div>

                  <div class="col-xs-2 text-center">
                    <a href="#">常见问题</a>
                    <a href="#">财富登录</a>
                  </div>

                  <div class="col-xs-3 text-center">
                    <a href="#" class="btn btn-red btn-sm">免费注册</a>
                    <a href="#" class="btn btn-link">登录</a>
                  </div>
              </div>

              <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active" style="background-image: url(img/hongbaochang.jpg);">></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="..." alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="..." alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    ...
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
          </div>
      </div>
	  <script src="lib/jquery/jquery-3.1.1.min.js" type="text/javascript" ></script>
    <script src="lib/dist/js/bootstrap.min.js" type="text/javascript" ></script>
</body>
</html>